<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>Title</title>-->
<!--</head>-->
<!--<body>-->
<!--<div align="center">-->
<!--    <form action="http://localhost/numSQL" method="post" target="main">-->
<!--        <input type="text" name="uid" value="输入查询id">-->
<!--        <input type="submit">-->
<!--    </form>-->
<!--    <iframe name="main" frameborder="0" id="frame">-->
<!--    </iframe>-->
<!--</div>-->
<!--</body>-->
<!--</html>-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>name</title>

    <!-- 引入样式 -->

    <link rel="stylesheet" href="../plugins/elementui/index.css">

    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="../css/style.css">

</head>
<body>

<div id="app">
    <div align="center">
        <h1>数字型SQL</h1>
    </div>
    <div>
        <el-input v-model="user02.uid" placeholder="请输入查询id"></el-input>
        <div slot="footer" class="dialog-footer" align="center">
            <el-button type="primary" @click="get()">提交</el-button>
        </div>
    </div>
    <div>
        <!--表格组件-->
        <template>

            <el-table :data="user" style="width: 100%" :row-class-name="tableRowClassName" height="400">

                <el-table-column prop="uid" label="用户编号" align="center"></el-table-column>

                <el-table-column prop="username" label="用户名" align="center"></el-table-column>

                <el-table-column prop="password" label="密码" align="center"></el-table-column>

            </el-table>

        </template>
    </div>
</div>

<!--引入组件库-->
<script src="../js/vue.js"></script>

<script src="../plugins/elementui/index.js"></script>

<script type="text/javascript" src="../js/jquery.min.js"></script>

<script src="../js/axios-0.18.0.js"></script>

<script>
    new Vue({
        el: "#app",
        data:{
            uid:'',
            user:[],
            user02:{}
        },
        methods:{
            get(){
                axios.post("/network/numSQL/",this.user02).then((res)=>{
                    this.user = res.data.data;
                });
            }
        }
    })
</script>
</body>
</html>